.header {
    position: relative;
    width: 100%;
    height: 106px;
    background-color: #fff;
}

.header .logo {
    display: block;
    position: absolute;
    left: 40px;
    top: 24px;
    width: 90px;
    height: 60px;
}

.header .logo .logo-img {
    width: 100%;
    height: 100%;
}

.header .header-c {
   
    width: 1200px;
    height: 100%;
    background-color: #fff;
    margin: 0 auto;
}

.header .header-c .nav {
    float: left;
    /* width: xx%; */
    height: 100%;
    font-size: 16px;
    color: #666;
}

.header .header-c .nav .nav-item {
    float: left;
    /* width: xxx */
    height: 100%;
    margin-right: 60px;
    line-height: 106px;
}

.header .header-c .nav .item-link {
    color: #666;
}

.header .header-c .nav .nav-item.active {
    font-size: 18px;
}

.header .header-c .nav .nav-item.active .item-link {
    color: #333;
}

.header .header-c .nav .item-link:hover {
    font-size: 18px;
}

.header .header-c .nav .item-link:hover .item-link {
    color: #333;
}

.header .search-user {
    position: relative;
    float: right;
    width: 580px;
    /* height: 100%; */
}

.header .search-user .search-input {
    /* position: relative; */
    float: right;
    width: 340px;
    height: 48px;
    border: 1px solid rgba(189, 189, 189, 1);
    border-radius: 27.5px;
    outline: none;
    text-indent: 2em;
    margin-top: 33px;
    margin-right: 60px;
    /* background-color: red; */
}


/* .header .search-user .user-block{ */

/* } */
.header .search-user .icon {
    display: block;
    width: 22px;
    height: 22px;
    margin-top: 43px;
    position: absolute;
    right:0;
    top: 0;
  
}
.header .header-c .search-user{
   position: relative;
   
}
.header .header-c .search-user .cart-info-list{
    display: none;
    position: absolute;
    right: 0;
    top: 84px;
    width: 406px;
    /* height: 500px; */
   
    border: 1px solid rgba(189,189,189,1);
    border-radius: 6px;
    padding: 23px;
    box-sizing: border-box;
}
.header .header-c .search-user:hover .cart-info-list{
    display: block;
}
.header .header-c .search-user .item-proud{
width: 100%;
height: 115px;
  border-bottom: 1px solid rgba(189,189,189,1);
  padding: 15px 0;
  box-sizing: border-box;
}
.header .header-c .cart-p-item .proud-money{
    float: left;
    height: 100%;
    margin-left: 35px;

}
.header .header-c  .cart-p-item .produce-a{
    display: block;
    float: left;
    width: 84px;
    /* height: 84px; */
}
.header .header-c  .cart-p-item .proud-img{
    width: 100%;
    height: 100%;
}
.header .header-c .cart-p-item .proud-summer{
    float: left;
    margin-left: 14px;
}
.header .header-c .proud-summer .p-tase{
    display: block;
    width: 164px;
    height: 60px;
    font-size: 14px;
color: #333333;
letter-spacing: 0;
font-weight: 400;
}
.header .header-c .proud-summer .p-size{
    font-size: 14px;
color: #666666;
letter-spacing: 0;
font-weight: 400;
margin-top: 6px;
}
.header .header-c .proud-money .btn-del{
    width: 55px;
  height: 24px;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #666;
  margin-top: 37px;
  background-color: #fff;
}
.header .header-c .proud-money .much-list{
    font-size: 14px;
color: #CE0404;
letter-spacing: 0;
line-height: 20px;
font-weight: 500;
}
.header .header-c .proud-money .much-lis{
    font-size: 14px;
color: #333333;
letter-spacing: 0;
line-height: 20px;
font-weight: 400;
}
.header .header-c .search-user .pro-foot{
    margin-top: 18px;
}
.header .header-c .search-user .foot-much{
    float:left;
    font-size: 12px;
    height: 34px;
color: #333333;
letter-spacing: 0;
line-height: 17px;
font-weight: 400;
}
.header .header-c .search-user .foot-btn-del{
    float: right;
    width: 154px;
height: 32px;
background: #CE0404;
border-radius: 2px;
color: #fff;
border: 1px solid #CE0404 ;
}